import type { AppRouteModule } from '/@/router/types';

import { LAYOUT } from '/@/router/constant';
import { t } from '/@/hooks/web/useI18n';

const dashboard: AppRouteModule = {
  path: '/vue3',
  name: 'Vue3',
  component: LAYOUT,
  redirect: '/vue3/demo01',
  meta: {
    icon: 'ion:grid-outline',
    title: 'Vue3学习及测试',
    orderNo: 20,
  },
  children: [
    {
      path: 'demo01',
      name: 'demo01',
      component: () => import('/@/views/demo/vue3/Demo01.vue'),
      meta: {
        title: '文件模板（函数）',
      },
    },
    {
      path: 'demo02',
      name: 'demo02',
      component: () => import('/@/views/demo/vue3/Demo02.vue'),
      meta: {
        title: ' 文件模板（语法糖）',
      },
    },
    {
      path: 'demo11',
      name: 'demo11',
      component: () => import('/@/views/demo/vue3/Demo11.vue'),
      meta: {
        title: '基础语法（函数）',
      },
    },
    {
      path: 'demo12',
      name: 'demo12',
      component: () => import('/@/views/demo/vue3/Demo12.vue'),
      meta: {
        title: ' 基础语法（语法糖）',
      },
    },
    {
      path: 'demo21',
      name: 'demo21',
      component: () => import('/@/views/demo/vue3/Demo21.vue'),
      meta: {
        title: '组件-父子（函数）',
      },
    },
    {
      path: 'demo22',
      name: 'demo22',
      component: () => import('/@/views/demo/vue3/Demo22.vue'),
      meta: {
        title: ' 组件-父子（语法糖）',
      },
    },
    {
      path: 'demo31',
      name: 'demo31',
      component: () => import('/@/views/demo/vue3/Demo31.vue'),
      meta: {
        title: '组件-子孙（函数）',
      },
    },
    {
      path: 'demo32',
      name: 'demo32',
      component: () => import('/@/views/demo/vue3/Demo32.vue'),
      meta: {
        title: ' 组件-子孙（语法糖）',
      },
    },
  ],
};

export default dashboard;
